
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- <link rel="icon" href="../../favicon.ico"> -->

    <title>联系我们</title>

    <!-- Bootstrap core CSS -->
    <link href="../css/bootstrap-theme.css" rel="stylesheet">
    <link href="../css/bootstrap.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <!-- <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> -->

    <!-- Custom styles for this template -->
    <!-- <link href="jumbotron.css" rel="stylesheet"> -->
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/college.css" rel="stylesheet">
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <!-- <script src="../../assets/js/ie-emulation-modes-warning.js"></script> -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  </head>

  <body class="cooperation  page">

    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">
            <img class="logo" src="../images/logo.png" alt="...">
          </a>
          <!-- <button type="button" class="navbar-toggle " data-toggle="collapse"
                  data-target="#example-navbar-collapse">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar top-bar"></span>
              <span class="icon-bar bottom-bar"></span>
              <span class="icon-bar"></span>
          </button> -->

          <img class="menu-switch" src="../images/index-menu.png" alt="..." />
          <!-- <a class="navbar-brand" href="#">菜鸟教程</a> -->
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <img class="closeNav" src="../images/mobile-phone-close.png" alt="..." />
            <ul class="nav navbar-nav navbar-right">
              <li><a href="../index.html">首页</a></li>
              <li><a href="../childStar/childNews.html">新闻资讯</a></li>
              <li class="dropdown active" >
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">童星学院 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="./brand.html">品牌介绍</a></li>
                  <li><a href="./team.html">公司团队</a></li>
                  <li><a href="./join.html">机构加盟</a></li>
                  <li><a href="./cooperation.html">商务合作</a></li>
                  <li class="active"><a href="./contactUs.html">联系我们</a></li>
                </ul>
              </li>
              <li ><a href="../childStar/childStar.html">童星通告</a></li>
              <li><a href="../star/star.html">童星库</a></li>
              <li ><a href="../childStar/childStarInfo.html">我的</a></li>
              <li class="search">
                <img class="search_icon" src="../images/search.png" alt="...">
              </li>
              <li class="reg_login">
                <div class="reg_login"  aria-label="...">
                  <!-- <button type="button" class="btn btn-default login">登录</button> -->
                  <a class="login" target="_blank" href="../login.html">登录</a>
                </div>
              </li>
              <li class="reg_login">
                <div class="reg_login"  aria-label="...">
                  <!-- <button type="button" class="btn btn-default regist">注册</button> -->
                  <a class="regist" target="_blank"  href="../register.html">注册</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
     </nav>

      <div class="cooperation_main">
        <img src="../images/cooperation_01.jpg" alt="...">
      </div>

    <!-- 商务合作 -->
    <div class="cooperation_con">
      <div class="row">
        <div class="col-md-12">
          <h3 class="title">联系我们</h3>
          <h5 class="subtitle">Contact Us</h5>
          <span class="title_line"></span>
          <p class="txt">白茶清欢无别事，横店童星学院等风也等你<br>
欢迎有合作意向的机构前来洽谈加盟合作相关事宜</p>
        </div>
      </div>

    </div><!--商务合作-->

    <!-- 品牌介绍 -->
    <div class="cooperation_info">
      <div class="row" >
        <div class="col-md-4 coop_wrap">
          <img src="../images/cooperation_02.jpg" alt="Tel">
          <p>Tel: 0579-8690 8770</p>
        </div>
        <div class="col-md-4 coop_wrap">
          <img src="../images/cooperation_03.jpg" alt="E-mail">
          <p>E-mail: 627634757@qq.com</p>
        </div>
        <div class="col-md-4 coop_wrap">
          <img src="../images/cooperation_04.jpg" alt="QQ">
          <p>QQ: 627634757</p>
        </div>
      </div>
    </div><!--品牌介绍-->
    <!--在线地图-->
    <div class="mapCont row" style="height:500px;margin: 100px 0 0;" id="dituContent">
      
    </div><!--在线地图-->

     <footer class="foot">
      <div class="container">
        <div class="row">
          <div class="col-md-6 wxCode">
            <div class="wxWrap">
              <div class="pub">
                <img class="wx_01" src="../images/wx_01.jpg">
                <p>微信公众号</p>
              </div>
              <div class="sma">
                <img src="../images/wx_02.jpg">
                <p>小程序</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 info" >
            <p>童星学院  |  版权声明  |  隐私保障  |  商业合作  |  加入我们  |  联系方式</p>
            <p>咨询热线：0579-8690 8770</p>
            <p>地址：浙江省金华市东阳市横店明清宫苑内</p>
            <p>Copyright ＠东阳市横店影视城微电影有限公司, All Rights Reserved   浙ICP备00000000号-1</p>
          </div>
        </div>
      </div>
    </footer>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.js"></script>

    <script type="text/javascript">
       //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }
    
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(120.309487,29.179794);//定义一个中心点坐标
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
    }
    
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
      var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(ctrl_nav);
            //向地图中添加缩略图控件
      var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
      map.addControl(ctrl_ove);
    }
    
    
    initMap();//创建和初始化地图

    $(function(){
     $('.closeNav').on('click',function(){
        $('#example-navbar-collapse').find('.navbar-nav').hide();
        $(this).hide();
      })

      $('.menu-switch').on('click',function(){
        $('#example-navbar-collapse').show();
        $('#example-navbar-collapse').find('.navbar-nav').show();
        $('.closeNav').show();
      })
    })
      
    </script>
  </body>
</html>
